<template>
  <div>
    <div :class="buttonStyle">
      {{button.button_name}}
    </div>
  </div>
</template>
<script>

/*

      bt_content: {
        button_name: '开处方',
        button_style: 'bbfw',
      },

*/
export default {
  props: {
    button: {
      type: Object,
    },
  },
  data() {
    return {
    };
  },
  created() {
    this.button_style = 'bbfw';
  },
  computed: {
    buttonStyle() {
      let styleValue;

      switch (this.button.button_style) {
        case 'bbfw':
          styleValue = 'bc_style_bbfw';
          break;
        case 'bcfw':
          styleValue = 'bc_style_bcfw';
          break;
        default:
          styleValue = 'bc_style_bbfw';
          break;
      }

      return styleValue;
    },
  },
};
</script>
<style scoped>
.bc_style_bbfw{
  background: #26a2ff;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: .3rem;
  font-size: .8rem;
}
.bc_style_bcfw{
  background: #ccc;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: .3rem;
  font-size: .8rem;
}
</style>

